body{
	background-color:#990000;
	background-position:top;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#2f2c2c;
}

table.pagina{
    width:1000px;
    padding:0;
}

.sombras_esquinas{
	width:7px;
	height:55px;
}

.iconos{
   width:20px;
   heigth:20px;
   border:none;
}

.esquinas{
	width:18px;
	height:55px;
}

.sombra_izq{
	width:7px;
	background-image:url(../imagenes/sombra_izq.png);
	background-repeat:repeat-y;
}

.sombra_der{
	width:7px;
	background-image:url(../imagenes/sombra_der.png);
	background-repeat:repeat-y;
}

.centro{
    background-color:white;
}

.menu_lateral{
	margin:4px 4px 0px 4px;
	padding:2px;
	border:1px solid #eaeaea
}

.pagina{
	margin:8px 4px 0px 4px;
	padding:2px;
	border:0px solid #eaeaea
}

.barraLink{
	margin:8px 4px 0px 4px;
	padding:2px;
	border:0px
}

.menu_inactivo{
	border-top:none;
	border-bottom:1px solid #cccccc;
	background-color:#ffffff;
	padding:2px
}

.menu_activo{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cccccc;
	background-color:#f3eded;
	padding:2px
}

.caja_notInvepal{
	margin:8px 4px 0px 4px;
	padding:2px;
	vertical-align:middle;
	/*border:1px solid #cccccc;*/
	width:165px;
	height:140px
}

img.imgbanner_vertical{
	width:165px;
	height:165px;
	border:none
}

.caja_noticias{
	margin:8px 4px 0px 4px;
	padding:2px;
	border:1px solid #cccccc;
	width:280px;
	height:59px
}

.contenidoTexto{
	font-family: Verdana,Arial,Helvetica,sans-serif;
        /*font-size: 20px;*/
	text-align:justify;
        text-indent:12px;
}

img.imgenlaces{
	width:165px;
	height:78px;
	border:none
}

img.imgexterior{
	width:165px;
	height:65px;
	border:none
}

img.imgcorreo{
	width:165px;
	height:49px;
	border:none
}
.seccionExtras{
	margin:8px 4px 0px 4px;
	padding:2px;
	border:0px solid #eaeaea
}
.titulo{
	color:#FF0000;
	font-weight:bold;
	/*font-size:14px*/
}

.titulo_invepal{
	color:#990000;
	font-weight:bold;
	text-align:center;
	/*font-size:18px*/
}

.titulo_publica{
margin-bottom: 5px;
float: left;
}

.reporte{
border-bottom-width: 1px;
border-bottom-color:cccccc;
border-bottom-style: dashed;
padding-top: 5px;
width: 100%;

}
.organigrama{
	color:#FF0000;
	font-weight:bold;
	/*font-size:24px*/
}
.catalogo{
	color:#FF0000;
	font-weight:bold;
	font-size:18px
}
/*=-=-=-=-= EStilo Fecha Hora =-=-=-=-=-=-*/
#fecha_hora{
color:#000000;
text-align:right;
font-weight:bold;
/*font-size:11px;*/
padding-top:7px
}

.titulo_pb{
text-decoration: none;
font-weight: bold;
color: #990000;
font-size: 13px;
}

.titulo_pb2{
text-decoration: none;
font-weight: bold;
color: #990000;
font-size: 15px;
}

.noti_invepal{
	font-weight:bold;
	color:#000000;
	font-size:11px;
	text-decoration: none;
}

.enlacesInactivos{
	font-weight:normal;
	color:#000000;
	font-size:11px;
	text-decoration: none;
}

a:link{
	font-weight:normal;
	color:#000000;
	font-size:11px;
	text-decoration: none;
}

a:visited{
	font-weight:normal;
	color:#000000;
	font-size:11px;
	text-decoration: none;
}

a:active{
	font-weight:bold;
	color:#FF0000;
	font-size:12px;
	text-decoration: none;
}

a:hover {
	font-weight:bold;
	color:#FF0000;
	font-size:12px; 
	text-decoration: none;
}

p.texto_justificado_sangria{
	text-align:justify;
	text-indent:25px;
	line-height:150%
}

p.texto_justificado{
	text-align:justify;
	text-indent:25px;
	tex-decoration: none;
}

ul li {
    position: relative;
}
li ul {
    position: absolute;
    left: 170px;
    top: 0;
    display: none;
}
ul li a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #fff;
    padding: 5px;
    border: 0px solid #ccc;
    border-bottom: 0;
}
.activa_border {
    display: block;
    text-decoration: none;
    color: #777;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
}
        /* Fix IE. Hide from IE Mac \*/
        /* html ul li { float: left; }
        * html ul li a { height: 1%; }
        /* End */

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 170px;
    border-bottom: 1px solid #ccc;
}
li:hover ul {
    display: block;
}
li:hover ul, li.over ul {
    display: block;
}

.highlights {
	width:550px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#49176e;
	background-color:#ffffff;
	overflow-x:hidden;
	overflow:hidden;
	margin:0px;
	border:0px solid #000000;
	height:100px;
}

/* Inicio de estilos para los componente de formulario de iniciar sesion */
.campoIdIniciarSesion
{
	width:100%;
	background-color:white;
	background-image:url('../images/formularios/user.png');
	background-repeat:no-repeat;
	padding-left:25px;
	font-size:11px;
}

.campoPasswordIniciarSesion
{
	width:100%;
	background-color:white;
	background-image:url('../images/formularios/clave.png');
	background-repeat:no-repeat;
	padding-left:25px;
	/*font-size:11px;*/
}
/*Fin de estilos basados en class e  id   para los componentes de formulario usados  en el inciio de sesion*/

/*Inicio de estilos basados en class e  id   para los componentes de formulario usados  en el inciio de sesion
Inicio capa divisionIniciarSesion 'esta dentro de capa bli' */	
#divisionIniciarSesion fieldset legend
{
	color:#9F0000;
	background-color:white;
	/*font-size:12px;*/
	text-transform:uppercase;
	font-weight:bold;
	font-family:arial;
	border:dashed 1px;
	border-color:cccccc;
	padding-left:2%;
	padding-right:2%;
	text-align:center;
}


#divisionIniciarSesion fieldset
{
 border:dashed 1px red;
 margin:0%;
 margin-top:10%;
}

#divisionIniciarSesion table tr td/* estilos para las celdas de la tabla*/
{
	/*font-size:11px;*/
	text-transform:uppercase;
	font-weight:bold;
	font-family:arial;
}

.headerbar {
    width:200px;
	font: bold 13px "Tahoma", "Geneva", sans-serif;
	color: #000000;
	/*bottom spacing between header and rest of content*/
	/*text-transform: uppercase;*/
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	background: black url(../images/imagenes/top1.gif) repeat-x center left;
	padding-left: 10px
}

#divisionIniciarSesion table /* tabla que contiene los campo id cliente y password cliente para iniciar sesion*/
{
	width:100%;
}
/*Fin capa #divisionIniciarSesion  */
.botonIniciarSesion
{
	width:40%;/* ancho de 30% ya que existe la posibilidad que esten dos botones juntos 'como en inciar sesion' */
	border:0;/*sin borde*/
	background-color:#F3F3F3;
	border:solid silver 1px;
	margin-left:1%;/* en caso que sean 2 botones o mas separarlos*/
	text-transform:uppercase;
	font-weight:bold;
	font-family:arial;
	/*font-size:10px;*/
	height:20px;

}

table.tabla {
	/*font: normal 75%/ 150% Verdana, Arial, Helvetica, sans-serif;*/
	border-collapse: collapse;
        padding: 0px 0px;
        white-space: nowrap;
}

/* Estilos  */
a.menuj:link {background-color:none; cursor:pointer; font-size:11px;}
a.menuj:visited {background-color:#none; cursor:pointer; font-size:11px;}
a.menuj:hover {background-color:#f5f5f5; cursor:pointer; font-size:12px; font-weight:bold;}
a.menuj:active {background-color:#f5f5f5; cursor:pointer; font-size:10px; font-weight:bold;}


